<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equiv="Expires" content="0">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Cache" content="no-cache">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<link rel="stylesheet" th:href="@{/plugins/WEUI/weui.min.css}">
	<link rel="stylesheet" th:href="@{/plugins/WEUI/jquery-weui.min.css}">
	<link href="/css/index.css" rel="stylesheet">
	<link href="/plugins/Animate/Animate.css" rel="stylesheet" />
	<title>微信摇一摇小游戏</title>
	<link rel="stylesheet" href="css/index.css">
</head>

<body>
	<article class="container">
		<section class="hed-title flex-al-jst-ct">
			<h3 class="title-shake animated shake delay-1s" id="title"></h3>
			<img hidden src="/images/nanren.svg"/>
			<img hidden src="/images/nvren.svg"/>
		</section>

		<article>
			<header class="activety-rule">
				<h4>活动规则：</h4>
				<p>活动将在倒计时结束后开始，活动开始后用户可以摇动手机，摇动次数多者获胜。</p>
			</header>
			<footer class="last-time">
				<h4>倒计时：<p id="dataTime"></p></h4>
			</footer>
		</article>
		<article id="dataList">
			<header class="join-user">
				<h4>参与用户：</h4>
			</header>
			<article id="userImg"></article>
<!--			<footer class="user-img display-flex flex-al-ct flex-sp-ar ">-->
<!--				<section>-->
<!--					<img src="/images/nanren.svg"/>-->
<!--					<p></p>-->
<!--				</section>-->
<!--				<section><img src="/images/nvren.svg"/>张三示法</section>-->
<!--				<section><img src="/images/nvren.svg"/>张三示法</section>-->
<!--				<section><img src="/images/nanren.svg"/>张三阿斯顿啊</section>-->
<!--			</footer>-->
		</article>
	</article>
</body>
<script th:src="@{/plugins/JQuery/jquery.min.js}"></script>
<script th:src="@{/js/index.js}"></script>

</html>
